<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>作业2020-06-11</title>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="./css/common.css">
  <link rel="stylesheet" type="text/css" href="./css/index.css">
</head>

<body>
  <div class="main">
    <div class="center-self-block">
      <div class="navbar navbar-default">
        <div class="container-fluid">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="navbar-header nav-head">
            <a class="navbar-brand" href="#"></a>
          </div>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
              <li class="select"><a href="#">首页</a></li>
              <li><a href="./about.html">关于公司</a></li>
              <li><a href="#">产品展示</a></li>
              <li><a href="#">招商加盟</a></li>
              <li><a href="#">联系我们</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="main-content">
    <div>
      <div class="home_banner">
        <div id="banner_slide" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#banner_slide" data-slide-to="0" class="active"></li>
            <li data-target="#banner_slide" data-slide-to="1"></li>
            <li data-target="#banner_slide" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src="./images/banner1.jpg" alt="banner1">
            </div>
            <div class="item">
              <img src="./images/banner2.jpg" alt="banner2">
            </div>
            <div class="item">
              <img src="./images/banner3.jpg" alt="banner3">
            </div>
          </div>
          <a class="left carousel-control" href="#banner_slide" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
          </a>
          <a class="right carousel-control" href="#banner_slide" role="button" data-slide="next">
            <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
          </a>
        </div>
      </div>
      <div class="home_content center-self-block mx_width">
        <h3 style="text-align: center;margin-bottom: 50px">企业精神</h3>
        <div class="grid row text-center">
          <div class="col-md-3">
            <div class="grid-icon">
              <img src="./images/pinpai.png" alt="pinpai">
            </div>
            <p class="title ">品质</p>
            <p class="sm_title">品质是品牌的发展基石</p>
            <p class="sm_title">坚持好品质,必定铸就优质品牌</p>
          </div>
          <div class="col-md-3">
            <div class="grid-icon">
              <img src="./images/keji.png" alt="keji">
            </div>
            <p class="title ">科技</p>
            <p class="sm_title">科技是品牌的助推力</p>
            <p class="sm_title">只有不断科技创新,才能不会被淘汰</p>
          </div>
          <div class="col-md-3">
            <div class="grid-icon">
              <img src="./images/chengxin.png" alt="chengxin">
            </div>
            <p class="title ">诚信</p>
            <p class="sm_title">诚信是品牌的防护盾</p>
            <p class="sm_title">诚信企业,放心品牌才能走的更长久</p>
          </div>
          <div class="col-md-3">
            <div class="grid-icon">
              <img src="./images/gongying.png" alt="gongying">
            </div>
            <p class="title ">共赢</p>
            <p class="sm_title">共赢是品牌的生命力</p>
            <p class="sm_title">与客户共赢,与员工共赢与企业共赢</p>
          </div>
        </div>
        <div class="product">
          <div class="product-title">
            <p class="show">产品展示</p>
          </div>
          <div class="product-section">
            <div class="row text-center">
              <div class="col-md-4 col-sm-6">
                <div><img src="./images/item01.jpg" alt="01"></div>
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="./images/item02.jpg" alt="02">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="./images/item03.jpg" alt="03">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="./images/item04.jpg" alt="04">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="./images/item05.jpg" alt="05">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="./images/item06.jpg" alt="06">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="footer" id="footer">
    <div class="row mx_width center-self-block">
      <div class="col-md-3 col-sm-4">
        <div class="footer_logo">
          <a href="./html/木兮地板.html"><img src="./images/logo3.png"></a>
        </div>
      </div>
      <div class="col-md-6 col-sm-8">
        <div class="row changepage">
          <div class=" col-md-3 col-sm-3"><a href="javascript:void(0)">关于公司</a></div>
          <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">产品展示</a></div>
          <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">招商加盟</a></div>
          <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">联系我们</a></div>
        </div>
        <p class="copyright">版权所有&copy木兮实业有限公司 鄂ICP备18011650号</p>
      </div>
      <div class="col-md-3 col-sm-12">
        <div class="row contact">
          <p class="col-md-12 col-sm-4"><span class="iconfont bottom-icon icon-dianhua"></span>027-8888888</p>
          <p class="col-md-12 col-sm-4"><span class="iconfont bottom-icon icon-shouji-copy"></span>1100110010001</p>
          <p class="col-md-12 col-sm-4"><span class="iconfont bottom-icon icon-youxiang"></span>asdfasdfasgas@163.com
          </p>
        </div>
      </div>
    </div>
  </div>

  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>

</html>